<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">未验证</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">已验证</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">成功</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">错误</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">警示</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">hman-exclamation-circle</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">hman-star-white</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">hman-notifications</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">hman-star-black</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">hman-二维码</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">hman-联系我们</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">Hman-首页</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">幸运积分</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">绑定客户</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">分享有礼</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">订单管理</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">分享海报</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">商户指南</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">扫码</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">订单结算</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">使用指南</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">积分</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">收银管理</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">收款码</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">我的客户</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">收益管理</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">收银明细</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">线下商户推广</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">申请商城商户</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">详情</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">icon_评论</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">icon_喜欢</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">微信支付</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">支付宝</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">银行卡1</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">余额</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">已收藏</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">未收藏</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">详情页客服 </div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">我的店铺客服</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">店铺1</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">签到</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">待付款</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">拼单</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">增加</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">地址</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">密码 锁</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">扫一扫</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">消息 </div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">会员</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">关闭0</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">关闭1</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">关闭2</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">减少0</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">减少1</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">减少2</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">增加0</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">增加1</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">增加2</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">进入1</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">进入0</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">开关1</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">开关2</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">人民币1</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">icon_arrow_down</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">icon_arrow_up</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">icon_arrow_left</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">icon_arrow_right</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">icon_bell</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">icon_chevrons_left</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">icon_chevrons_right</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">icon_eye_off</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">icon_eye</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">icon_lock</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">icon_save</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">icon_search</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">icon_user</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">BULLHORN</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">24 HOURS</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">IMPORTANT EMAIL</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">FLAG MAIL</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">EMAIL</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">MAIL</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">CONTACTS</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">SEND</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">MAIL BOX</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">LINKS</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">EMOTION</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">DEADLINE</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">RECOMMENDED </div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe831;</span>
                <div class="name">MONEY BAG</div>
                <div class="code-name">&amp;#xe831;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">EMOJI-01</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">EMOJI-02</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">EMOJI-03</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">EMOJI-04</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">EMOJI-05</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">EMOJI-07</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">EMOJI-12</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">EMOJI-14</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">EMOJI-15</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">EMOJI-17</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">EMOJI-18</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">EMOJI-09</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">EMOJI-10</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">EMOJI-11</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">EMOJI-16</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">EMOJI-19</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">EMOJI-23</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">EMOJI-20</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">EMOJI-31</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">EMOJI-28</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">EMOJI-24</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">EMOJI-30</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">EMOJI-32</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">EMOJI-34</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">EMOJI-29</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">EMOJI-33</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">EMOJI-35</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">EMOJI-39</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">EMOJI-40</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">EMOJI-37</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">EMOJI-38</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">EMOJI-42</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">EMOJI-43</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">EMOJI-44</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">EMOJI-50</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">EMOJI-48</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">EMOJI-57</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">EMOJI-49</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">EMOJI-56</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">EMOJI-55</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">EMOJI-58</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">EMOJI-61</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">EMOJI-60</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">EMOJI-66</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">EMOJI-64</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">EMOJI-53</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">EMOJI-65</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">EMOJI-68</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">EMOJI-71</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">EMOJI-67</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">EMOJI-73</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">EMOJI-74</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">EMOJI-72</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">EMOJI-76</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">EMOJI-25</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">EMOJI-21</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">EMOJI-26</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">EMOJI-81</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">EMOJI-36</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">EMOJI-88</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">EMOJI-90</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">EMOJI-41</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">EMOJI-95</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">EMOJI-46</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">EMOJI-77</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">EMOJI-59</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">EMOJI-99</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">EMOJI-51</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">EMOJI-47</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">EMOJI-78</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">EMOJI-79</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">EMOJI-80</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">EMOJI-85</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">EMOJI-62</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">EMOJI-89</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">EMOJI-63</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">EMOJI-93</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">EMOJI-75</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">EMOJI-84</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">EMOJI-82</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">EMOJI-87</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">EMOJI-86</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">EMOJI-91</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">EMOJI-100</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">EMOJI-94</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">银行-中国银行</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">银行-光大</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">银行-工商</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">银行-招商</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">银行-汇丰</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">银行-民生</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">银行-华夏</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">银行-建设</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">银行-交通</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">银行-兴业</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">银行-浦发</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">银行-农行</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">银行-渣打</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">银行-花旗</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">银行-东亚</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">银行-恒丰</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">银行-上海</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">银行-南京</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">银行-浙商</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">银行-杭州</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">银行-苏宁</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">银行-邮政储蓄</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.icon-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weiyanzheng"></span>
            <div class="name">
              未验证
            </div>
            <div class="code-name">.icon-weiyanzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiyanzheng"></span>
            <div class="name">
              已验证
            </div>
            <div class="code-name">.icon-yiyanzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chenggong"></span>
            <div class="name">
              成功
            </div>
            <div class="code-name">.icon-chenggong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cuowu"></span>
            <div class="name">
              错误
            </div>
            <div class="code-name">.icon-cuowu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingshi"></span>
            <div class="name">
              警示
            </div>
            <div class="code-name">.icon-jingshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tishi"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.icon-tishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic-exclamation-circle"></span>
            <div class="name">
              hman-exclamation-circle
            </div>
            <div class="code-name">.icon-ic-exclamation-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sta"></span>
            <div class="name">
              hman-star-white
            </div>
            <div class="code-name">.icon-sta
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-notifications"></span>
            <div class="name">
              hman-notifications
            </div>
            <div class="code-name">.icon-notifications
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sta1"></span>
            <div class="name">
              hman-star-black
            </div>
            <div class="code-name">.icon-sta1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-erweima"></span>
            <div class="name">
              hman-二维码
            </div>
            <div class="code-name">.icon-erweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxiwomen"></span>
            <div class="name">
              hman-联系我们
            </div>
            <div class="code-name">.icon-lianxiwomen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              Hman-首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xingyunjifen"></span>
            <div class="name">
              幸运积分
            </div>
            <div class="code-name">.icon-xingyunjifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangdingkehu"></span>
            <div class="name">
              绑定客户
            </div>
            <div class="code-name">.icon-bangdingkehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiangyouli"></span>
            <div class="name">
              分享有礼
            </div>
            <div class="code-name">.icon-fenxiangyouli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdanguanli"></span>
            <div class="name">
              订单管理
            </div>
            <div class="code-name">.icon-dingdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxianghaibao"></span>
            <div class="name">
              分享海报
            </div>
            <div class="code-name">.icon-fenxianghaibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanghuzhinan"></span>
            <div class="name">
              商户指南
            </div>
            <div class="code-name">.icon-shanghuzhinan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saoma"></span>
            <div class="name">
              扫码
            </div>
            <div class="code-name">.icon-saoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdanjiesuan"></span>
            <div class="name">
              订单结算
            </div>
            <div class="code-name">.icon-dingdanjiesuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiyongzhinan"></span>
            <div class="name">
              使用指南
            </div>
            <div class="code-name">.icon-shiyongzhinan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jifen"></span>
            <div class="name">
              积分
            </div>
            <div class="code-name">.icon-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyinguanli"></span>
            <div class="name">
              收银管理
            </div>
            <div class="code-name">.icon-shouyinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoukuanma"></span>
            <div class="name">
              收款码
            </div>
            <div class="code-name">.icon-shoukuanma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodekehu"></span>
            <div class="name">
              我的客户
            </div>
            <div class="code-name">.icon-wodekehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyiguanli"></span>
            <div class="name">
              收益管理
            </div>
            <div class="code-name">.icon-shouyiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyinmingxi"></span>
            <div class="name">
              收银明细
            </div>
            <div class="code-name">.icon-shouyinmingxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianxiashanghutuiguang"></span>
            <div class="name">
              线下商户推广
            </div>
            <div class="code-name">.icon-xianxiashanghutuiguang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenqingshangchengshanghu"></span>
            <div class="name">
              申请商城商户
            </div>
            <div class="code-name">.icon-shenqingshangchengshanghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icon-daoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangqing"></span>
            <div class="name">
              详情
            </div>
            <div class="code-name">.icon-xiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_pinglun"></span>
            <div class="name">
              icon_评论
            </div>
            <div class="code-name">.icon-icon_pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_xihuan"></span>
            <div class="name">
              icon_喜欢
            </div>
            <div class="code-name">.icon-icon_xihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixinzhifu"></span>
            <div class="name">
              微信支付
            </div>
            <div class="code-name">.icon-weixinzhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhifubao"></span>
            <div class="name">
              支付宝
            </div>
            <div class="code-name">.icon-zhifubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhangqia"></span>
            <div class="name">
              银行卡1
            </div>
            <div class="code-name">.icon-yinhangqia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yue"></span>
            <div class="name">
              余额
            </div>
            <div class="code-name">.icon-yue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aixin"></span>
            <div class="name">
              已收藏
            </div>
            <div class="code-name">.icon-aixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aixinD"></span>
            <div class="name">
              未收藏
            </div>
            <div class="code-name">.icon-aixinD
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefu"></span>
            <div class="name">
              详情页客服 
            </div>
            <div class="code-name">.icon-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefu1"></span>
            <div class="name">
              我的店铺客服
            </div>
            <div class="code-name">.icon-kefu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianpu"></span>
            <div class="name">
              店铺1
            </div>
            <div class="code-name">.icon-dianpu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiandao"></span>
            <div class="name">
              签到
            </div>
            <div class="code-name">.icon-qiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon-dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daishouhuo"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.icon-daishouhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daifahuo"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.icon-daifahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daifukuan"></span>
            <div class="name">
              待付款
            </div>
            <div class="code-name">.icon-daifukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pindan"></span>
            <div class="name">
              拼单
            </div>
            <div class="code-name">.icon-pindan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zengjia"></span>
            <div class="name">
              增加
            </div>
            <div class="code-name">.icon-zengjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dizhi"></span>
            <div class="name">
              地址
            </div>
            <div class="code-name">.icon-dizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye1"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.icon-fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.icon-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mimasuo"></span>
            <div class="name">
              密码 锁
            </div>
            <div class="code-name">.icon-mimasuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saoyisao"></span>
            <div class="name">
              扫一扫
            </div>
            <div class="code-name">.icon-saoyisao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi1"></span>
            <div class="name">
              消息 
            </div>
            <div class="code-name">.icon-xiaoxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyuan"></span>
            <div class="name">
              会员
            </div>
            <div class="code-name">.icon-huiyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关闭0
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi1"></span>
            <div class="name">
              关闭1
            </div>
            <div class="code-name">.icon-guanbi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi2"></span>
            <div class="name">
              关闭2
            </div>
            <div class="code-name">.icon-guanbi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianshao"></span>
            <div class="name">
              减少0
            </div>
            <div class="code-name">.icon-jianshao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianshao1"></span>
            <div class="name">
              减少1
            </div>
            <div class="code-name">.icon-jianshao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianshao2"></span>
            <div class="name">
              减少2
            </div>
            <div class="code-name">.icon-jianshao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zengjia1"></span>
            <div class="name">
              增加0
            </div>
            <div class="code-name">.icon-zengjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zengjia2"></span>
            <div class="name">
              增加1
            </div>
            <div class="code-name">.icon-zengjia2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zengjia3"></span>
            <div class="name">
              增加2
            </div>
            <div class="code-name">.icon-zengjia3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinru"></span>
            <div class="name">
              进入1
            </div>
            <div class="code-name">.icon-jinru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinru1"></span>
            <div class="name">
              进入0
            </div>
            <div class="code-name">.icon-jinru1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.icon-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaiguan"></span>
            <div class="name">
              开关1
            </div>
            <div class="code-name">.icon-kaiguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaiguan1"></span>
            <div class="name">
              开关2
            </div>
            <div class="code-name">.icon-kaiguan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renminbi"></span>
            <div class="name">
              人民币1
            </div>
            <div class="code-name">.icon-renminbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_arrow_down"></span>
            <div class="name">
              icon_arrow_down
            </div>
            <div class="code-name">.icon-icon_arrow_down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_arrow_up"></span>
            <div class="name">
              icon_arrow_up
            </div>
            <div class="code-name">.icon-icon_arrow_up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_arrow_left"></span>
            <div class="name">
              icon_arrow_left
            </div>
            <div class="code-name">.icon-icon_arrow_left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_arrow_right"></span>
            <div class="name">
              icon_arrow_right
            </div>
            <div class="code-name">.icon-icon_arrow_right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_bell"></span>
            <div class="name">
              icon_bell
            </div>
            <div class="code-name">.icon-icon_bell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_chevrons_left"></span>
            <div class="name">
              icon_chevrons_left
            </div>
            <div class="code-name">.icon-icon_chevrons_left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_chevrons_right"></span>
            <div class="name">
              icon_chevrons_right
            </div>
            <div class="code-name">.icon-icon_chevrons_right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_eye_off"></span>
            <div class="name">
              icon_eye_off
            </div>
            <div class="code-name">.icon-icon_eye_off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_eye"></span>
            <div class="name">
              icon_eye
            </div>
            <div class="code-name">.icon-icon_eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_lock"></span>
            <div class="name">
              icon_lock
            </div>
            <div class="code-name">.icon-icon_lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_save"></span>
            <div class="name">
              icon_save
            </div>
            <div class="code-name">.icon-icon_save
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_search"></span>
            <div class="name">
              icon_search
            </div>
            <div class="code-name">.icon-icon_search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_user"></span>
            <div class="name">
              icon_user
            </div>
            <div class="code-name">.icon-icon_user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-BULLHORN"></span>
            <div class="name">
              BULLHORN
            </div>
            <div class="code-name">.icon-BULLHORN
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-HOURS"></span>
            <div class="name">
              24 HOURS
            </div>
            <div class="code-name">.icon-HOURS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-IMPORTANTEMAIL"></span>
            <div class="name">
              IMPORTANT EMAIL
            </div>
            <div class="code-name">.icon-IMPORTANTEMAIL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-FLAGMAIL"></span>
            <div class="name">
              FLAG MAIL
            </div>
            <div class="code-name">.icon-FLAGMAIL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMAIL"></span>
            <div class="name">
              EMAIL
            </div>
            <div class="code-name">.icon-EMAIL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-MAIL"></span>
            <div class="name">
              MAIL
            </div>
            <div class="code-name">.icon-MAIL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CONTACTS"></span>
            <div class="name">
              CONTACTS
            </div>
            <div class="code-name">.icon-CONTACTS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SEND"></span>
            <div class="name">
              SEND
            </div>
            <div class="code-name">.icon-SEND
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-MAILBOX"></span>
            <div class="name">
              MAIL BOX
            </div>
            <div class="code-name">.icon-MAILBOX
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-LINKS"></span>
            <div class="name">
              LINKS
            </div>
            <div class="code-name">.icon-LINKS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOTION"></span>
            <div class="name">
              EMOTION
            </div>
            <div class="code-name">.icon-EMOTION
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-DEADLINE"></span>
            <div class="name">
              DEADLINE
            </div>
            <div class="code-name">.icon-DEADLINE
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-RECOMMENDED"></span>
            <div class="name">
              RECOMMENDED 
            </div>
            <div class="code-name">.icon-RECOMMENDED
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-MONEYBAG"></span>
            <div class="name">
              MONEY BAG
            </div>
            <div class="code-name">.icon-MONEYBAG
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-"></span>
            <div class="name">
              EMOJI-01
            </div>
            <div class="code-name">.icon-EMOJI-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-1"></span>
            <div class="name">
              EMOJI-02
            </div>
            <div class="code-name">.icon-EMOJI-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-2"></span>
            <div class="name">
              EMOJI-03
            </div>
            <div class="code-name">.icon-EMOJI-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-3"></span>
            <div class="name">
              EMOJI-04
            </div>
            <div class="code-name">.icon-EMOJI-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-4"></span>
            <div class="name">
              EMOJI-05
            </div>
            <div class="code-name">.icon-EMOJI-4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-5"></span>
            <div class="name">
              EMOJI-07
            </div>
            <div class="code-name">.icon-EMOJI-5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-6"></span>
            <div class="name">
              EMOJI-12
            </div>
            <div class="code-name">.icon-EMOJI-6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-7"></span>
            <div class="name">
              EMOJI-14
            </div>
            <div class="code-name">.icon-EMOJI-7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-8"></span>
            <div class="name">
              EMOJI-15
            </div>
            <div class="code-name">.icon-EMOJI-8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-9"></span>
            <div class="name">
              EMOJI-17
            </div>
            <div class="code-name">.icon-EMOJI-9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-10"></span>
            <div class="name">
              EMOJI-18
            </div>
            <div class="code-name">.icon-EMOJI-10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-11"></span>
            <div class="name">
              EMOJI-09
            </div>
            <div class="code-name">.icon-EMOJI-11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-12"></span>
            <div class="name">
              EMOJI-10
            </div>
            <div class="code-name">.icon-EMOJI-12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-13"></span>
            <div class="name">
              EMOJI-11
            </div>
            <div class="code-name">.icon-EMOJI-13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-14"></span>
            <div class="name">
              EMOJI-16
            </div>
            <div class="code-name">.icon-EMOJI-14
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-15"></span>
            <div class="name">
              EMOJI-19
            </div>
            <div class="code-name">.icon-EMOJI-15
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-16"></span>
            <div class="name">
              EMOJI-23
            </div>
            <div class="code-name">.icon-EMOJI-16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-17"></span>
            <div class="name">
              EMOJI-20
            </div>
            <div class="code-name">.icon-EMOJI-17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-18"></span>
            <div class="name">
              EMOJI-31
            </div>
            <div class="code-name">.icon-EMOJI-18
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-19"></span>
            <div class="name">
              EMOJI-28
            </div>
            <div class="code-name">.icon-EMOJI-19
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-20"></span>
            <div class="name">
              EMOJI-24
            </div>
            <div class="code-name">.icon-EMOJI-20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-21"></span>
            <div class="name">
              EMOJI-30
            </div>
            <div class="code-name">.icon-EMOJI-21
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-22"></span>
            <div class="name">
              EMOJI-32
            </div>
            <div class="code-name">.icon-EMOJI-22
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-23"></span>
            <div class="name">
              EMOJI-34
            </div>
            <div class="code-name">.icon-EMOJI-23
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-24"></span>
            <div class="name">
              EMOJI-29
            </div>
            <div class="code-name">.icon-EMOJI-24
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-25"></span>
            <div class="name">
              EMOJI-33
            </div>
            <div class="code-name">.icon-EMOJI-25
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-26"></span>
            <div class="name">
              EMOJI-35
            </div>
            <div class="code-name">.icon-EMOJI-26
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-27"></span>
            <div class="name">
              EMOJI-39
            </div>
            <div class="code-name">.icon-EMOJI-27
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-28"></span>
            <div class="name">
              EMOJI-40
            </div>
            <div class="code-name">.icon-EMOJI-28
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-29"></span>
            <div class="name">
              EMOJI-37
            </div>
            <div class="code-name">.icon-EMOJI-29
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-30"></span>
            <div class="name">
              EMOJI-38
            </div>
            <div class="code-name">.icon-EMOJI-30
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-31"></span>
            <div class="name">
              EMOJI-42
            </div>
            <div class="code-name">.icon-EMOJI-31
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-32"></span>
            <div class="name">
              EMOJI-43
            </div>
            <div class="code-name">.icon-EMOJI-32
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-33"></span>
            <div class="name">
              EMOJI-44
            </div>
            <div class="code-name">.icon-EMOJI-33
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-34"></span>
            <div class="name">
              EMOJI-50
            </div>
            <div class="code-name">.icon-EMOJI-34
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-35"></span>
            <div class="name">
              EMOJI-48
            </div>
            <div class="code-name">.icon-EMOJI-35
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-36"></span>
            <div class="name">
              EMOJI-57
            </div>
            <div class="code-name">.icon-EMOJI-36
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-37"></span>
            <div class="name">
              EMOJI-49
            </div>
            <div class="code-name">.icon-EMOJI-37
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-38"></span>
            <div class="name">
              EMOJI-56
            </div>
            <div class="code-name">.icon-EMOJI-38
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-39"></span>
            <div class="name">
              EMOJI-55
            </div>
            <div class="code-name">.icon-EMOJI-39
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-40"></span>
            <div class="name">
              EMOJI-58
            </div>
            <div class="code-name">.icon-EMOJI-40
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-41"></span>
            <div class="name">
              EMOJI-61
            </div>
            <div class="code-name">.icon-EMOJI-41
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-42"></span>
            <div class="name">
              EMOJI-60
            </div>
            <div class="code-name">.icon-EMOJI-42
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-43"></span>
            <div class="name">
              EMOJI-66
            </div>
            <div class="code-name">.icon-EMOJI-43
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-44"></span>
            <div class="name">
              EMOJI-64
            </div>
            <div class="code-name">.icon-EMOJI-44
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-45"></span>
            <div class="name">
              EMOJI-53
            </div>
            <div class="code-name">.icon-EMOJI-45
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-46"></span>
            <div class="name">
              EMOJI-65
            </div>
            <div class="code-name">.icon-EMOJI-46
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-47"></span>
            <div class="name">
              EMOJI-68
            </div>
            <div class="code-name">.icon-EMOJI-47
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-48"></span>
            <div class="name">
              EMOJI-71
            </div>
            <div class="code-name">.icon-EMOJI-48
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-49"></span>
            <div class="name">
              EMOJI-67
            </div>
            <div class="code-name">.icon-EMOJI-49
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-50"></span>
            <div class="name">
              EMOJI-73
            </div>
            <div class="code-name">.icon-EMOJI-50
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-51"></span>
            <div class="name">
              EMOJI-74
            </div>
            <div class="code-name">.icon-EMOJI-51
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-52"></span>
            <div class="name">
              EMOJI-72
            </div>
            <div class="code-name">.icon-EMOJI-52
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-53"></span>
            <div class="name">
              EMOJI-76
            </div>
            <div class="code-name">.icon-EMOJI-53
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-54"></span>
            <div class="name">
              EMOJI-25
            </div>
            <div class="code-name">.icon-EMOJI-54
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-55"></span>
            <div class="name">
              EMOJI-21
            </div>
            <div class="code-name">.icon-EMOJI-55
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-56"></span>
            <div class="name">
              EMOJI-26
            </div>
            <div class="code-name">.icon-EMOJI-56
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-57"></span>
            <div class="name">
              EMOJI-81
            </div>
            <div class="code-name">.icon-EMOJI-57
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-58"></span>
            <div class="name">
              EMOJI-36
            </div>
            <div class="code-name">.icon-EMOJI-58
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-59"></span>
            <div class="name">
              EMOJI-88
            </div>
            <div class="code-name">.icon-EMOJI-59
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-60"></span>
            <div class="name">
              EMOJI-90
            </div>
            <div class="code-name">.icon-EMOJI-60
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-61"></span>
            <div class="name">
              EMOJI-41
            </div>
            <div class="code-name">.icon-EMOJI-61
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-62"></span>
            <div class="name">
              EMOJI-95
            </div>
            <div class="code-name">.icon-EMOJI-62
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-63"></span>
            <div class="name">
              EMOJI-46
            </div>
            <div class="code-name">.icon-EMOJI-63
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-64"></span>
            <div class="name">
              EMOJI-77
            </div>
            <div class="code-name">.icon-EMOJI-64
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-65"></span>
            <div class="name">
              EMOJI-59
            </div>
            <div class="code-name">.icon-EMOJI-65
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-66"></span>
            <div class="name">
              EMOJI-99
            </div>
            <div class="code-name">.icon-EMOJI-66
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-67"></span>
            <div class="name">
              EMOJI-51
            </div>
            <div class="code-name">.icon-EMOJI-67
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-68"></span>
            <div class="name">
              EMOJI-47
            </div>
            <div class="code-name">.icon-EMOJI-68
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-69"></span>
            <div class="name">
              EMOJI-78
            </div>
            <div class="code-name">.icon-EMOJI-69
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-70"></span>
            <div class="name">
              EMOJI-79
            </div>
            <div class="code-name">.icon-EMOJI-70
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-71"></span>
            <div class="name">
              EMOJI-80
            </div>
            <div class="code-name">.icon-EMOJI-71
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-72"></span>
            <div class="name">
              EMOJI-85
            </div>
            <div class="code-name">.icon-EMOJI-72
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-73"></span>
            <div class="name">
              EMOJI-62
            </div>
            <div class="code-name">.icon-EMOJI-73
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-74"></span>
            <div class="name">
              EMOJI-89
            </div>
            <div class="code-name">.icon-EMOJI-74
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-75"></span>
            <div class="name">
              EMOJI-63
            </div>
            <div class="code-name">.icon-EMOJI-75
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-76"></span>
            <div class="name">
              EMOJI-93
            </div>
            <div class="code-name">.icon-EMOJI-76
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-77"></span>
            <div class="name">
              EMOJI-75
            </div>
            <div class="code-name">.icon-EMOJI-77
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-78"></span>
            <div class="name">
              EMOJI-84
            </div>
            <div class="code-name">.icon-EMOJI-78
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-79"></span>
            <div class="name">
              EMOJI-82
            </div>
            <div class="code-name">.icon-EMOJI-79
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-80"></span>
            <div class="name">
              EMOJI-87
            </div>
            <div class="code-name">.icon-EMOJI-80
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-81"></span>
            <div class="name">
              EMOJI-86
            </div>
            <div class="code-name">.icon-EMOJI-81
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-82"></span>
            <div class="name">
              EMOJI-91
            </div>
            <div class="code-name">.icon-EMOJI-82
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-83"></span>
            <div class="name">
              EMOJI-100
            </div>
            <div class="code-name">.icon-EMOJI-83
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EMOJI-84"></span>
            <div class="name">
              EMOJI-94
            </div>
            <div class="code-name">.icon-EMOJI-84
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-zhongguoyinhang"></span>
            <div class="name">
              银行-中国银行
            </div>
            <div class="code-name">.icon-yinhang-zhongguoyinhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-guangda"></span>
            <div class="name">
              银行-光大
            </div>
            <div class="code-name">.icon-yinhang-guangda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-gongshang"></span>
            <div class="name">
              银行-工商
            </div>
            <div class="code-name">.icon-yinhang-gongshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-zhaoshang"></span>
            <div class="name">
              银行-招商
            </div>
            <div class="code-name">.icon-yinhang-zhaoshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-huifeng"></span>
            <div class="name">
              银行-汇丰
            </div>
            <div class="code-name">.icon-yinhang-huifeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-minsheng"></span>
            <div class="name">
              银行-民生
            </div>
            <div class="code-name">.icon-yinhang-minsheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-huaxia"></span>
            <div class="name">
              银行-华夏
            </div>
            <div class="code-name">.icon-yinhang-huaxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-jianshe"></span>
            <div class="name">
              银行-建设
            </div>
            <div class="code-name">.icon-yinhang-jianshe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-jiaotong"></span>
            <div class="name">
              银行-交通
            </div>
            <div class="code-name">.icon-yinhang-jiaotong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-xingye"></span>
            <div class="name">
              银行-兴业
            </div>
            <div class="code-name">.icon-yinhang-xingye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-pufa"></span>
            <div class="name">
              银行-浦发
            </div>
            <div class="code-name">.icon-yinhang-pufa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-nonghang"></span>
            <div class="name">
              银行-农行
            </div>
            <div class="code-name">.icon-yinhang-nonghang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-zhada"></span>
            <div class="name">
              银行-渣打
            </div>
            <div class="code-name">.icon-yinhang-zhada
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-huaqi"></span>
            <div class="name">
              银行-花旗
            </div>
            <div class="code-name">.icon-yinhang-huaqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-dongya"></span>
            <div class="name">
              银行-东亚
            </div>
            <div class="code-name">.icon-yinhang-dongya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-hengfeng"></span>
            <div class="name">
              银行-恒丰
            </div>
            <div class="code-name">.icon-yinhang-hengfeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-shanghai"></span>
            <div class="name">
              银行-上海
            </div>
            <div class="code-name">.icon-yinhang-shanghai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-nanjing"></span>
            <div class="name">
              银行-南京
            </div>
            <div class="code-name">.icon-yinhang-nanjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-zheshang"></span>
            <div class="name">
              银行-浙商
            </div>
            <div class="code-name">.icon-yinhang-zheshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-hangzhou"></span>
            <div class="name">
              银行-杭州
            </div>
            <div class="code-name">.icon-yinhang-hangzhou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-suning"></span>
            <div class="name">
              银行-苏宁
            </div>
            <div class="code-name">.icon-yinhang-suning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhang-youzhengchuxu"></span>
            <div class="name">
              银行-邮政储蓄
            </div>
            <div class="code-name">.icon-yinhang-youzhengchuxu
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#icon-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weiyanzheng"></use>
                </svg>
                <div class="name">未验证</div>
                <div class="code-name">#icon-weiyanzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiyanzheng"></use>
                </svg>
                <div class="name">已验证</div>
                <div class="code-name">#icon-yiyanzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chenggong"></use>
                </svg>
                <div class="name">成功</div>
                <div class="code-name">#icon-chenggong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cuowu"></use>
                </svg>
                <div class="name">错误</div>
                <div class="code-name">#icon-cuowu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingshi"></use>
                </svg>
                <div class="name">警示</div>
                <div class="code-name">#icon-jingshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tishi"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#icon-tishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic-exclamation-circle"></use>
                </svg>
                <div class="name">hman-exclamation-circle</div>
                <div class="code-name">#icon-ic-exclamation-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sta"></use>
                </svg>
                <div class="name">hman-star-white</div>
                <div class="code-name">#icon-sta</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-notifications"></use>
                </svg>
                <div class="name">hman-notifications</div>
                <div class="code-name">#icon-notifications</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sta1"></use>
                </svg>
                <div class="name">hman-star-black</div>
                <div class="code-name">#icon-sta1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-erweima"></use>
                </svg>
                <div class="name">hman-二维码</div>
                <div class="code-name">#icon-erweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxiwomen"></use>
                </svg>
                <div class="name">hman-联系我们</div>
                <div class="code-name">#icon-lianxiwomen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">Hman-首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xingyunjifen"></use>
                </svg>
                <div class="name">幸运积分</div>
                <div class="code-name">#icon-xingyunjifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangdingkehu"></use>
                </svg>
                <div class="name">绑定客户</div>
                <div class="code-name">#icon-bangdingkehu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiangyouli"></use>
                </svg>
                <div class="name">分享有礼</div>
                <div class="code-name">#icon-fenxiangyouli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdanguanli"></use>
                </svg>
                <div class="name">订单管理</div>
                <div class="code-name">#icon-dingdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxianghaibao"></use>
                </svg>
                <div class="name">分享海报</div>
                <div class="code-name">#icon-fenxianghaibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanghuzhinan"></use>
                </svg>
                <div class="name">商户指南</div>
                <div class="code-name">#icon-shanghuzhinan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saoma"></use>
                </svg>
                <div class="name">扫码</div>
                <div class="code-name">#icon-saoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdanjiesuan"></use>
                </svg>
                <div class="name">订单结算</div>
                <div class="code-name">#icon-dingdanjiesuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiyongzhinan"></use>
                </svg>
                <div class="name">使用指南</div>
                <div class="code-name">#icon-shiyongzhinan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jifen"></use>
                </svg>
                <div class="name">积分</div>
                <div class="code-name">#icon-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyinguanli"></use>
                </svg>
                <div class="name">收银管理</div>
                <div class="code-name">#icon-shouyinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoukuanma"></use>
                </svg>
                <div class="name">收款码</div>
                <div class="code-name">#icon-shoukuanma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodekehu"></use>
                </svg>
                <div class="name">我的客户</div>
                <div class="code-name">#icon-wodekehu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyiguanli"></use>
                </svg>
                <div class="name">收益管理</div>
                <div class="code-name">#icon-shouyiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyinmingxi"></use>
                </svg>
                <div class="name">收银明细</div>
                <div class="code-name">#icon-shouyinmingxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianxiashanghutuiguang"></use>
                </svg>
                <div class="name">线下商户推广</div>
                <div class="code-name">#icon-xianxiashanghutuiguang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenqingshangchengshanghu"></use>
                </svg>
                <div class="name">申请商城商户</div>
                <div class="code-name">#icon-shenqingshangchengshanghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icon-daoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangqing"></use>
                </svg>
                <div class="name">详情</div>
                <div class="code-name">#icon-xiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_pinglun"></use>
                </svg>
                <div class="name">icon_评论</div>
                <div class="code-name">#icon-icon_pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_xihuan"></use>
                </svg>
                <div class="name">icon_喜欢</div>
                <div class="code-name">#icon-icon_xihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixinzhifu"></use>
                </svg>
                <div class="name">微信支付</div>
                <div class="code-name">#icon-weixinzhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhifubao"></use>
                </svg>
                <div class="name">支付宝</div>
                <div class="code-name">#icon-zhifubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhangqia"></use>
                </svg>
                <div class="name">银行卡1</div>
                <div class="code-name">#icon-yinhangqia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yue"></use>
                </svg>
                <div class="name">余额</div>
                <div class="code-name">#icon-yue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aixin"></use>
                </svg>
                <div class="name">已收藏</div>
                <div class="code-name">#icon-aixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aixinD"></use>
                </svg>
                <div class="name">未收藏</div>
                <div class="code-name">#icon-aixinD</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu"></use>
                </svg>
                <div class="name">详情页客服 </div>
                <div class="code-name">#icon-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu1"></use>
                </svg>
                <div class="name">我的店铺客服</div>
                <div class="code-name">#icon-kefu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianpu"></use>
                </svg>
                <div class="name">店铺1</div>
                <div class="code-name">#icon-dianpu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiandao"></use>
                </svg>
                <div class="name">签到</div>
                <div class="code-name">#icon-qiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon-dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daishouhuo"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#icon-daishouhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daifahuo"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#icon-daifahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daifukuan"></use>
                </svg>
                <div class="name">待付款</div>
                <div class="code-name">#icon-daifukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pindan"></use>
                </svg>
                <div class="name">拼单</div>
                <div class="code-name">#icon-pindan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zengjia"></use>
                </svg>
                <div class="name">增加</div>
                <div class="code-name">#icon-zengjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dizhi"></use>
                </svg>
                <div class="name">地址</div>
                <div class="code-name">#icon-dizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye1"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#icon-fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#icon-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mimasuo"></use>
                </svg>
                <div class="name">密码 锁</div>
                <div class="code-name">#icon-mimasuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saoyisao"></use>
                </svg>
                <div class="name">扫一扫</div>
                <div class="code-name">#icon-saoyisao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi1"></use>
                </svg>
                <div class="name">消息 </div>
                <div class="code-name">#icon-xiaoxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyuan"></use>
                </svg>
                <div class="name">会员</div>
                <div class="code-name">#icon-huiyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关闭0</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi1"></use>
                </svg>
                <div class="name">关闭1</div>
                <div class="code-name">#icon-guanbi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi2"></use>
                </svg>
                <div class="name">关闭2</div>
                <div class="code-name">#icon-guanbi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianshao"></use>
                </svg>
                <div class="name">减少0</div>
                <div class="code-name">#icon-jianshao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianshao1"></use>
                </svg>
                <div class="name">减少1</div>
                <div class="code-name">#icon-jianshao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianshao2"></use>
                </svg>
                <div class="name">减少2</div>
                <div class="code-name">#icon-jianshao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zengjia1"></use>
                </svg>
                <div class="name">增加0</div>
                <div class="code-name">#icon-zengjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zengjia2"></use>
                </svg>
                <div class="name">增加1</div>
                <div class="code-name">#icon-zengjia2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zengjia3"></use>
                </svg>
                <div class="name">增加2</div>
                <div class="code-name">#icon-zengjia3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinru"></use>
                </svg>
                <div class="name">进入1</div>
                <div class="code-name">#icon-jinru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinru1"></use>
                </svg>
                <div class="name">进入0</div>
                <div class="code-name">#icon-jinru1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#icon-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaiguan"></use>
                </svg>
                <div class="name">开关1</div>
                <div class="code-name">#icon-kaiguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaiguan1"></use>
                </svg>
                <div class="name">开关2</div>
                <div class="code-name">#icon-kaiguan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renminbi"></use>
                </svg>
                <div class="name">人民币1</div>
                <div class="code-name">#icon-renminbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_arrow_down"></use>
                </svg>
                <div class="name">icon_arrow_down</div>
                <div class="code-name">#icon-icon_arrow_down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_arrow_up"></use>
                </svg>
                <div class="name">icon_arrow_up</div>
                <div class="code-name">#icon-icon_arrow_up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_arrow_left"></use>
                </svg>
                <div class="name">icon_arrow_left</div>
                <div class="code-name">#icon-icon_arrow_left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_arrow_right"></use>
                </svg>
                <div class="name">icon_arrow_right</div>
                <div class="code-name">#icon-icon_arrow_right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_bell"></use>
                </svg>
                <div class="name">icon_bell</div>
                <div class="code-name">#icon-icon_bell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_chevrons_left"></use>
                </svg>
                <div class="name">icon_chevrons_left</div>
                <div class="code-name">#icon-icon_chevrons_left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_chevrons_right"></use>
                </svg>
                <div class="name">icon_chevrons_right</div>
                <div class="code-name">#icon-icon_chevrons_right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_eye_off"></use>
                </svg>
                <div class="name">icon_eye_off</div>
                <div class="code-name">#icon-icon_eye_off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_eye"></use>
                </svg>
                <div class="name">icon_eye</div>
                <div class="code-name">#icon-icon_eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_lock"></use>
                </svg>
                <div class="name">icon_lock</div>
                <div class="code-name">#icon-icon_lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_save"></use>
                </svg>
                <div class="name">icon_save</div>
                <div class="code-name">#icon-icon_save</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_search"></use>
                </svg>
                <div class="name">icon_search</div>
                <div class="code-name">#icon-icon_search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_user"></use>
                </svg>
                <div class="name">icon_user</div>
                <div class="code-name">#icon-icon_user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-BULLHORN"></use>
                </svg>
                <div class="name">BULLHORN</div>
                <div class="code-name">#icon-BULLHORN</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-HOURS"></use>
                </svg>
                <div class="name">24 HOURS</div>
                <div class="code-name">#icon-HOURS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-IMPORTANTEMAIL"></use>
                </svg>
                <div class="name">IMPORTANT EMAIL</div>
                <div class="code-name">#icon-IMPORTANTEMAIL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-FLAGMAIL"></use>
                </svg>
                <div class="name">FLAG MAIL</div>
                <div class="code-name">#icon-FLAGMAIL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMAIL"></use>
                </svg>
                <div class="name">EMAIL</div>
                <div class="code-name">#icon-EMAIL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-MAIL"></use>
                </svg>
                <div class="name">MAIL</div>
                <div class="code-name">#icon-MAIL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CONTACTS"></use>
                </svg>
                <div class="name">CONTACTS</div>
                <div class="code-name">#icon-CONTACTS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SEND"></use>
                </svg>
                <div class="name">SEND</div>
                <div class="code-name">#icon-SEND</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-MAILBOX"></use>
                </svg>
                <div class="name">MAIL BOX</div>
                <div class="code-name">#icon-MAILBOX</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-LINKS"></use>
                </svg>
                <div class="name">LINKS</div>
                <div class="code-name">#icon-LINKS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOTION"></use>
                </svg>
                <div class="name">EMOTION</div>
                <div class="code-name">#icon-EMOTION</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-DEADLINE"></use>
                </svg>
                <div class="name">DEADLINE</div>
                <div class="code-name">#icon-DEADLINE</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-RECOMMENDED"></use>
                </svg>
                <div class="name">RECOMMENDED </div>
                <div class="code-name">#icon-RECOMMENDED</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-MONEYBAG"></use>
                </svg>
                <div class="name">MONEY BAG</div>
                <div class="code-name">#icon-MONEYBAG</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-"></use>
                </svg>
                <div class="name">EMOJI-01</div>
                <div class="code-name">#icon-EMOJI-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-1"></use>
                </svg>
                <div class="name">EMOJI-02</div>
                <div class="code-name">#icon-EMOJI-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-2"></use>
                </svg>
                <div class="name">EMOJI-03</div>
                <div class="code-name">#icon-EMOJI-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-3"></use>
                </svg>
                <div class="name">EMOJI-04</div>
                <div class="code-name">#icon-EMOJI-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-4"></use>
                </svg>
                <div class="name">EMOJI-05</div>
                <div class="code-name">#icon-EMOJI-4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-5"></use>
                </svg>
                <div class="name">EMOJI-07</div>
                <div class="code-name">#icon-EMOJI-5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-6"></use>
                </svg>
                <div class="name">EMOJI-12</div>
                <div class="code-name">#icon-EMOJI-6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-7"></use>
                </svg>
                <div class="name">EMOJI-14</div>
                <div class="code-name">#icon-EMOJI-7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-8"></use>
                </svg>
                <div class="name">EMOJI-15</div>
                <div class="code-name">#icon-EMOJI-8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-9"></use>
                </svg>
                <div class="name">EMOJI-17</div>
                <div class="code-name">#icon-EMOJI-9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-10"></use>
                </svg>
                <div class="name">EMOJI-18</div>
                <div class="code-name">#icon-EMOJI-10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-11"></use>
                </svg>
                <div class="name">EMOJI-09</div>
                <div class="code-name">#icon-EMOJI-11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-12"></use>
                </svg>
                <div class="name">EMOJI-10</div>
                <div class="code-name">#icon-EMOJI-12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-13"></use>
                </svg>
                <div class="name">EMOJI-11</div>
                <div class="code-name">#icon-EMOJI-13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-14"></use>
                </svg>
                <div class="name">EMOJI-16</div>
                <div class="code-name">#icon-EMOJI-14</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-15"></use>
                </svg>
                <div class="name">EMOJI-19</div>
                <div class="code-name">#icon-EMOJI-15</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-16"></use>
                </svg>
                <div class="name">EMOJI-23</div>
                <div class="code-name">#icon-EMOJI-16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-17"></use>
                </svg>
                <div class="name">EMOJI-20</div>
                <div class="code-name">#icon-EMOJI-17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-18"></use>
                </svg>
                <div class="name">EMOJI-31</div>
                <div class="code-name">#icon-EMOJI-18</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-19"></use>
                </svg>
                <div class="name">EMOJI-28</div>
                <div class="code-name">#icon-EMOJI-19</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-20"></use>
                </svg>
                <div class="name">EMOJI-24</div>
                <div class="code-name">#icon-EMOJI-20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-21"></use>
                </svg>
                <div class="name">EMOJI-30</div>
                <div class="code-name">#icon-EMOJI-21</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-22"></use>
                </svg>
                <div class="name">EMOJI-32</div>
                <div class="code-name">#icon-EMOJI-22</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-23"></use>
                </svg>
                <div class="name">EMOJI-34</div>
                <div class="code-name">#icon-EMOJI-23</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-24"></use>
                </svg>
                <div class="name">EMOJI-29</div>
                <div class="code-name">#icon-EMOJI-24</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-25"></use>
                </svg>
                <div class="name">EMOJI-33</div>
                <div class="code-name">#icon-EMOJI-25</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-26"></use>
                </svg>
                <div class="name">EMOJI-35</div>
                <div class="code-name">#icon-EMOJI-26</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-27"></use>
                </svg>
                <div class="name">EMOJI-39</div>
                <div class="code-name">#icon-EMOJI-27</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-28"></use>
                </svg>
                <div class="name">EMOJI-40</div>
                <div class="code-name">#icon-EMOJI-28</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-29"></use>
                </svg>
                <div class="name">EMOJI-37</div>
                <div class="code-name">#icon-EMOJI-29</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-30"></use>
                </svg>
                <div class="name">EMOJI-38</div>
                <div class="code-name">#icon-EMOJI-30</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-31"></use>
                </svg>
                <div class="name">EMOJI-42</div>
                <div class="code-name">#icon-EMOJI-31</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-32"></use>
                </svg>
                <div class="name">EMOJI-43</div>
                <div class="code-name">#icon-EMOJI-32</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-33"></use>
                </svg>
                <div class="name">EMOJI-44</div>
                <div class="code-name">#icon-EMOJI-33</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-34"></use>
                </svg>
                <div class="name">EMOJI-50</div>
                <div class="code-name">#icon-EMOJI-34</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-35"></use>
                </svg>
                <div class="name">EMOJI-48</div>
                <div class="code-name">#icon-EMOJI-35</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-36"></use>
                </svg>
                <div class="name">EMOJI-57</div>
                <div class="code-name">#icon-EMOJI-36</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-37"></use>
                </svg>
                <div class="name">EMOJI-49</div>
                <div class="code-name">#icon-EMOJI-37</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-38"></use>
                </svg>
                <div class="name">EMOJI-56</div>
                <div class="code-name">#icon-EMOJI-38</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-39"></use>
                </svg>
                <div class="name">EMOJI-55</div>
                <div class="code-name">#icon-EMOJI-39</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-40"></use>
                </svg>
                <div class="name">EMOJI-58</div>
                <div class="code-name">#icon-EMOJI-40</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-41"></use>
                </svg>
                <div class="name">EMOJI-61</div>
                <div class="code-name">#icon-EMOJI-41</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-42"></use>
                </svg>
                <div class="name">EMOJI-60</div>
                <div class="code-name">#icon-EMOJI-42</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-43"></use>
                </svg>
                <div class="name">EMOJI-66</div>
                <div class="code-name">#icon-EMOJI-43</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-44"></use>
                </svg>
                <div class="name">EMOJI-64</div>
                <div class="code-name">#icon-EMOJI-44</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-45"></use>
                </svg>
                <div class="name">EMOJI-53</div>
                <div class="code-name">#icon-EMOJI-45</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-46"></use>
                </svg>
                <div class="name">EMOJI-65</div>
                <div class="code-name">#icon-EMOJI-46</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-47"></use>
                </svg>
                <div class="name">EMOJI-68</div>
                <div class="code-name">#icon-EMOJI-47</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-48"></use>
                </svg>
                <div class="name">EMOJI-71</div>
                <div class="code-name">#icon-EMOJI-48</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-49"></use>
                </svg>
                <div class="name">EMOJI-67</div>
                <div class="code-name">#icon-EMOJI-49</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-50"></use>
                </svg>
                <div class="name">EMOJI-73</div>
                <div class="code-name">#icon-EMOJI-50</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-51"></use>
                </svg>
                <div class="name">EMOJI-74</div>
                <div class="code-name">#icon-EMOJI-51</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-52"></use>
                </svg>
                <div class="name">EMOJI-72</div>
                <div class="code-name">#icon-EMOJI-52</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-53"></use>
                </svg>
                <div class="name">EMOJI-76</div>
                <div class="code-name">#icon-EMOJI-53</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-54"></use>
                </svg>
                <div class="name">EMOJI-25</div>
                <div class="code-name">#icon-EMOJI-54</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-55"></use>
                </svg>
                <div class="name">EMOJI-21</div>
                <div class="code-name">#icon-EMOJI-55</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-56"></use>
                </svg>
                <div class="name">EMOJI-26</div>
                <div class="code-name">#icon-EMOJI-56</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-57"></use>
                </svg>
                <div class="name">EMOJI-81</div>
                <div class="code-name">#icon-EMOJI-57</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-58"></use>
                </svg>
                <div class="name">EMOJI-36</div>
                <div class="code-name">#icon-EMOJI-58</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-59"></use>
                </svg>
                <div class="name">EMOJI-88</div>
                <div class="code-name">#icon-EMOJI-59</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-60"></use>
                </svg>
                <div class="name">EMOJI-90</div>
                <div class="code-name">#icon-EMOJI-60</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-61"></use>
                </svg>
                <div class="name">EMOJI-41</div>
                <div class="code-name">#icon-EMOJI-61</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-62"></use>
                </svg>
                <div class="name">EMOJI-95</div>
                <div class="code-name">#icon-EMOJI-62</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-63"></use>
                </svg>
                <div class="name">EMOJI-46</div>
                <div class="code-name">#icon-EMOJI-63</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-64"></use>
                </svg>
                <div class="name">EMOJI-77</div>
                <div class="code-name">#icon-EMOJI-64</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-65"></use>
                </svg>
                <div class="name">EMOJI-59</div>
                <div class="code-name">#icon-EMOJI-65</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-66"></use>
                </svg>
                <div class="name">EMOJI-99</div>
                <div class="code-name">#icon-EMOJI-66</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-67"></use>
                </svg>
                <div class="name">EMOJI-51</div>
                <div class="code-name">#icon-EMOJI-67</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-68"></use>
                </svg>
                <div class="name">EMOJI-47</div>
                <div class="code-name">#icon-EMOJI-68</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-69"></use>
                </svg>
                <div class="name">EMOJI-78</div>
                <div class="code-name">#icon-EMOJI-69</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-70"></use>
                </svg>
                <div class="name">EMOJI-79</div>
                <div class="code-name">#icon-EMOJI-70</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-71"></use>
                </svg>
                <div class="name">EMOJI-80</div>
                <div class="code-name">#icon-EMOJI-71</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-72"></use>
                </svg>
                <div class="name">EMOJI-85</div>
                <div class="code-name">#icon-EMOJI-72</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-73"></use>
                </svg>
                <div class="name">EMOJI-62</div>
                <div class="code-name">#icon-EMOJI-73</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-74"></use>
                </svg>
                <div class="name">EMOJI-89</div>
                <div class="code-name">#icon-EMOJI-74</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-75"></use>
                </svg>
                <div class="name">EMOJI-63</div>
                <div class="code-name">#icon-EMOJI-75</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-76"></use>
                </svg>
                <div class="name">EMOJI-93</div>
                <div class="code-name">#icon-EMOJI-76</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-77"></use>
                </svg>
                <div class="name">EMOJI-75</div>
                <div class="code-name">#icon-EMOJI-77</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-78"></use>
                </svg>
                <div class="name">EMOJI-84</div>
                <div class="code-name">#icon-EMOJI-78</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-79"></use>
                </svg>
                <div class="name">EMOJI-82</div>
                <div class="code-name">#icon-EMOJI-79</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-80"></use>
                </svg>
                <div class="name">EMOJI-87</div>
                <div class="code-name">#icon-EMOJI-80</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-81"></use>
                </svg>
                <div class="name">EMOJI-86</div>
                <div class="code-name">#icon-EMOJI-81</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-82"></use>
                </svg>
                <div class="name">EMOJI-91</div>
                <div class="code-name">#icon-EMOJI-82</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-83"></use>
                </svg>
                <div class="name">EMOJI-100</div>
                <div class="code-name">#icon-EMOJI-83</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EMOJI-84"></use>
                </svg>
                <div class="name">EMOJI-94</div>
                <div class="code-name">#icon-EMOJI-84</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-zhongguoyinhang"></use>
                </svg>
                <div class="name">银行-中国银行</div>
                <div class="code-name">#icon-yinhang-zhongguoyinhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-guangda"></use>
                </svg>
                <div class="name">银行-光大</div>
                <div class="code-name">#icon-yinhang-guangda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-gongshang"></use>
                </svg>
                <div class="name">银行-工商</div>
                <div class="code-name">#icon-yinhang-gongshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-zhaoshang"></use>
                </svg>
                <div class="name">银行-招商</div>
                <div class="code-name">#icon-yinhang-zhaoshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-huifeng"></use>
                </svg>
                <div class="name">银行-汇丰</div>
                <div class="code-name">#icon-yinhang-huifeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-minsheng"></use>
                </svg>
                <div class="name">银行-民生</div>
                <div class="code-name">#icon-yinhang-minsheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-huaxia"></use>
                </svg>
                <div class="name">银行-华夏</div>
                <div class="code-name">#icon-yinhang-huaxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-jianshe"></use>
                </svg>
                <div class="name">银行-建设</div>
                <div class="code-name">#icon-yinhang-jianshe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-jiaotong"></use>
                </svg>
                <div class="name">银行-交通</div>
                <div class="code-name">#icon-yinhang-jiaotong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-xingye"></use>
                </svg>
                <div class="name">银行-兴业</div>
                <div class="code-name">#icon-yinhang-xingye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-pufa"></use>
                </svg>
                <div class="name">银行-浦发</div>
                <div class="code-name">#icon-yinhang-pufa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-nonghang"></use>
                </svg>
                <div class="name">银行-农行</div>
                <div class="code-name">#icon-yinhang-nonghang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-zhada"></use>
                </svg>
                <div class="name">银行-渣打</div>
                <div class="code-name">#icon-yinhang-zhada</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-huaqi"></use>
                </svg>
                <div class="name">银行-花旗</div>
                <div class="code-name">#icon-yinhang-huaqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-dongya"></use>
                </svg>
                <div class="name">银行-东亚</div>
                <div class="code-name">#icon-yinhang-dongya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-hengfeng"></use>
                </svg>
                <div class="name">银行-恒丰</div>
                <div class="code-name">#icon-yinhang-hengfeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-shanghai"></use>
                </svg>
                <div class="name">银行-上海</div>
                <div class="code-name">#icon-yinhang-shanghai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-nanjing"></use>
                </svg>
                <div class="name">银行-南京</div>
                <div class="code-name">#icon-yinhang-nanjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-zheshang"></use>
                </svg>
                <div class="name">银行-浙商</div>
                <div class="code-name">#icon-yinhang-zheshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-hangzhou"></use>
                </svg>
                <div class="name">银行-杭州</div>
                <div class="code-name">#icon-yinhang-hangzhou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-suning"></use>
                </svg>
                <div class="name">银行-苏宁</div>
                <div class="code-name">#icon-yinhang-suning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhang-youzhengchuxu"></use>
                </svg>
                <div class="name">银行-邮政储蓄</div>
                <div class="code-name">#icon-yinhang-youzhengchuxu</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
